<html>
  <title>WebGPU canvas_complex (ref)</title>
  <meta charset="utf-8" />
  <link rel="help" href="https://gpuweb.github.io/gpuweb/" />
  <canvas id="cvs0" width="2" height="2" style="width: 20px; height: 20px;"></canvas>
  <canvas id="cvs1" width="2" height="2" style="width: 20px; height: 20px;"></canvas>
  <canvas id="cvs2" width="2" height="2" style="width: 20px; height: 20px;"></canvas>
  <script>
    function draw(ctx) {
      ctx.fillStyle = '#7F0000';
      ctx.fillRect(0, 0, 1, 1);
      ctx.fillStyle = '#007F00';
      ctx.fillRect(1, 0, 1, 1);
      ctx.fillStyle = '#00007F';
      ctx.fillRect(0, 1, 1, 1);
      ctx.fillStyle = '#7F7F00';
      ctx.fillRect(1, 1, 1, 1);
    }

    draw(cvs0.getContext('2d'));
    draw(cvs1.getContext('2d'));
    draw(cvs2.getContext('2d'));
    
  </script>
</html>
